<ui:composition template="/WEB-INF/template/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="main">

		<f:metadata>
			<f:event listener="#{repositorioBean.carregarLocal}"
				type="preRenderView" />
		</f:metadata>
		
		<h:form id="formMaps">
			<h:inputHidden id="latitude" value="#{repositorioBean.local.latitude}" />
			<h:inputHidden id="longitude" value="#{repositorioBean.local.longitude}" />
		</h:form>

			
		<div class="span7">
			<div class="panel panel-black">
				<div class="panel-heading"><h4>#{repositorioBean.local.endereco}</h4	></div>
				<div class="panel-body">
					<p><strong>Tipo :</strong> #{repositorioBean.local.tipo}</p>
					<p><strong>Preço Médio:</strong> R$#{repositorioBean.local.preco}</p>
					<p><strong>E-mail para contato :</strong> #{repositorioBean.local.emailContato}</p>
					<p><strong>Telefone para Contato :</strong> #{repositorioBean.local.telefoneContato}</p>
					<p><strong>Quantidade de Quartos:</strong> #{repositorioBean.local.qtdQuartos}</p>
					<p><strong>Quantidade de Banheiros:</strong> #{repositorioBean.local.banheiros}</p>
					<p><strong>Garagem: </strong>#{repositorioBean.local.garagem?'Possui Garagem':'Não possui
						Garagem'}</p>
					<p><strong>Quintal: </strong>#{repositorioBean.local.quintal?'Possui Quintal':'Não possui
						Quintal'}</p>
				</div>
			</div>
			<div class="panel panel-black">
				<div class="panel-body">

					<div id="fb-root"></div>
					<script>
						(function(d, s, id) {
							var js, fjs = d.getElementsByTagName(s)[0];
							if (d.getElementById(id))
								return;
							js = d.createElement(s);
							js.id = id;
							js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.0";
							fjs.parentNode.insertBefore(js, fjs);
						}(document, 'script', 'facebook-jssdk'));
					</script>

					<div class="fb-comments"
						data-href="http://200.129.39.123/coments.xhtml?local=#{repositorioBean.local.id}"
						data-width="500px" data-numposts="5" data-colorscheme="light"></div>

				</div>
			</div>
		</div>
		<div class="span4">
			<div class="fb-like" data-href="http://wikihome.besaba.com" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>
			<hr />
			<div id="mapa"
				style="width: 300px; height: 300px margin-bottom: 20px;"></div>
		</div>
		<!-- Maps API Javascript -->
		<script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

		<!-- Caixa de informação -->
		<script src="resources_maps/infobox.js"></script>

		<!-- Agrupamento dos marcadores -->
		<script src="resources_maps/markerclusterer.js"></script>

		<!-- Arquivo de inicialização do mapa -->
		<script src="resources_maps/mapa_index.js"></script>
	</ui:define>




	<ui:define name="footer">
		<div class="navbar navbar-default navbar-fixed-bottom">
			<div class="container">
				<p class="navbar-text pull-left">Desenvolvido por 
					<a href="https://www.facebook.com/AlexOliveiraAlexandrino" target="_blank">Alex Oliveira</a>,
					<a href="https://www.facebook.com/AlexsandroOliveiraAlexandrino" target="_blank">Alexsandro Oliveira</a>, 
					<a href="https://www.facebook.com/araujofh" target="_blank">Araújo Filho</a> e 
					<a href="https://www.facebook.com/danrley.teixeira" target="_blank">Danrley Teixeira</a></p>
			</div>
		</div>
	</ui:define>

</ui:composition>